import { defineStore } from 'pinia'
const BASE_WIDTH = 1919 // 设计稿基准宽度
const WIDTH = 1408 // 初始窗口宽度
const HEIGHT = 704 // 初始窗口高度
const useMagicStore = defineStore('magic', {
  state: () => ({
    PICTURE_SCOPE: 292, // 图片范围
    PICTURE_BASE_SIZE: 512, // 图片标准大小
    PICTURE_SCALE_COEFFICIENT: 292 / 512, //图片缩放系数
    BASE_WIDTH: BASE_WIDTH, // 设计稿基准宽度
    WIDTH: WIDTH, // 初始窗口宽度
    HEIGHT: HEIGHT, // 初始窗口高度
    SCALE: WIDTH / BASE_WIDTH, // 宽度比例
  }),
  getters: {
    getWinAttr: (state) => {
      return {
        width: state.WIDTH, // 初始窗口宽度
        height: state.HEIGHT, // 初始窗口高度
        cbWidth: state.BASE_WIDTH, // 设计稿基准宽度
        cbHeight: state.HEIGHT / state.SCALE, // 设计稿基准高度
        scale: state.SCALE, // 宽度比例
      }
    },
  },
})

export default useMagicStore
